<template>
    <!--    :src="require('@/assets/images/more1.png')"-->
  
  <div class="top_titles">
    <div class="contentbox">
      <!-- <el-image  class="imageboxs"
      style="width: 30px; height: 30px"
      :src="require('@/assets/images/more1.png')"
      ></el-image> -->
      <img src="../../assets/images/more1.png" alt="" style="width: 30px; height: 30px"/>
     
      {{ uname }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return { 
    };
  },
  props: {
    uname: {
      typeof: String,
      default: "",
    },
  },
};
</script>

<style lang="scss" scoped>
@import url("./font.scss");
.top_titles {
  color: #fff;
}
.contentbox{
  border: 1px solid #2a313b;
  width: 100%;
  line-height: 50px;
  border-left: none;
  border-right:none ;
  padding: 0 15px;
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  font-family: 'PangMenZhengDao';
  letter-spacing: 2px;
  font-size: 25px;
  .imageboxs{
    margin-right: 10px;
  }
  &::before{
    content: "";
    display: inline-block;
    width: 15px ;
    height: 4px ;
    background: rgb(150, 193, 228);
    position: absolute;
    top: -2px;
    left: 0;
    // border-radius: 15px 0 0 0;
  }
  &::after{
    // content: "";
    // display: inline-block;
    // width: 15px ;
    // height: 4px ;
    // background: rgb(214, 214, 214);
    // position: absolute;
    // top: -2px;
    // right: 0;
    // border-radius: 15px 0 0 0;
  }
}
</style> 